<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8"/>
    <title>订单管理-报表管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="../superui/content/ui/global/bootstrap/css/bootstrap.min.css"
          th:href="@{/superui/content/ui/global/bootstrap/css/bootstrap.min.css}"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../superui/content/ui/global/font-awesome/css/font-awesome.css"
          th:href="@{/superui/content/ui/global/font-awesome/css/font-awesome.css}"/>
    <!-- Theme style -->
    <link rel="stylesheet" href="../superui/content/adminlte/dist/css/AdminLTE.css"
          th:href="@{/superui/content/adminlte/dist/css/AdminLTE.css}"/>
    <link rel="stylesheet" href="../superui/content/adminlte/dist/css/skins/_all-skins.min.css"
          th:href="@{/superui/content/adminlte/dist/css/skins/_all-skins.min.css}"/>
    <link rel="stylesheet" href="../superui/content/min/css/supershopui.common.min.css"
          th:href="@{/superui/content/min/css/supershopui.common.min.css}"/>
    <link rel="stylesheet" href="../superui/content/plugins/bootstrap-table/bootstrap-table.css"
          th:href="@{/superui/content/plugins/bootstrap-table/bootstrap-table.css}"/>
    <link rel="stylesheet" href="../css/global.css"
          th:href="@{/css/global.css}"/>
    <!--全局通用框架样式 end-->

    <link rel="stylesheet" href="../../js/assets/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"
          th:href="@{/js/assets/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}">
    <style>

        .ft-opt a {
            margin-left: 5px;
        }

        .btn-opt i {
            margin-right: 5px;
        }
    </style>
</head>
<body>
<section class="content-header">
    <h1>
        报表管理
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">订单管理</a></li>
        <li class="active">报表管理</li>
    </ol>
</section>
<!-- Main content -->
<section class="content">

    <div class="row">
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="col-md-12">
            <!-- BEGIN SAMPLE TABLE PORTLET-->
            <div class="box-body">
                <div class="panel panel-default no-margin">
                    <div class="panel-body search-box">
                        <form id="formSearch" class="form-horizontal">

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_orderNum" class="col-sm-4 control-label">报班单号：</label>
                                <div class="col-sm-8">
                                    <input id="txt_search_orderNum" name="orderNum" class="form-control" type="text" value=""
                                           placeholder="请输入报班单号">
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_studentName" class="col-sm-4 control-label">学员姓名：</label>
                                <div class="col-sm-8">
                                    <input id="txt_search_studentName" name="studentName" class="form-control" type="text" value=""
                                           placeholder="请输入学员姓名">
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_startDate" class="col-sm-4 control-label">开始时间：</label>
                                <div class="col-sm-8">
                                    <input id="txt_search_startDate" name="startDate" class="form-control form_date_start" type="text"
                                           placeholder="请输入开始时间（必填）">
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_endDate" class="col-sm-4 control-label">结束时间：</label>
                                <div class="col-sm-8">
                                    <input id="txt_search_endDate" name="endDate" class="form-control form_date_end" type="text"
                                           placeholder="请输入结束时间（必填）">
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px;margin-right: 10px">
                                <label for="txt_search_campus" class="col-sm-4 control-label">课程校区：</label>
                                <div class="col-sm-8">
                                    <input id="txt_search_campus" name="campus" class="form-control" type="text" value=""
                                           placeholder="请输入课程校区">
                                </div>
                            </div>

                            <div class="form-group fl" style="width: 350px; margin-right: 10px">
                                <label class="col-sm-4 control-label"></label>
                                <div class="col-sm-8">
                                    <button type="button" class="btn btn-default" id="btn-search" onclick="clickSearch()">
                                        <i class="fa  fa-search"></i>
                                        查询
                                    </button> &nbsp;&nbsp;&nbsp;
                                    <button type="button" class="btn btn-default" id="resetVal" onclick="resetSearchVal()">
                                        <i class="fa  fa-repeat"></i>
                                        重置
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!--业绩统计-->
                <div class="panel panel-default" style="margin-top: 10px">
                    <div class="panel-body search-box">
                        <div class="form-group fl" style="width: 350px; margin-right: 10px">
                            <label class="col-sm-4 control-label">课时合计：</label>
                            <div class="col-sm-8">
                                <label id="value_stat_total_times">0</label>次
                            </div>
                        </div>
                        <div class="form-group fl" style="width: 350px; margin-right: 10px">
                            <label class="col-sm-4 control-label">业绩合计：</label>
                            <div class="col-sm-8">
                                <label id="value_stat_total_amount">0</label>元
                            </div>
                        </div>
                    </div>
                </div>
                <div id="oderStatTableToolbar" class="btn-group">
                    <button id="btn_oderStat_export" type="button" class="btn btn-primary">
                        <span class="fa fa-share-square-o" aria-hidden="true"></span>报表信息导出
                    </button>
                </div>
                <!--订单列表-->
                <div class="table-scrollable">
                    <table class="table-striped table-hover" id="oderStatTable">

                    </table>
                </div>
            </div>

        </div><!-- /.modal -->
    </div>
    </div>

</section>
<!-- REQUIRED JS SCRIPTS -->
<!-- jQuery 2.2.3 -->
<script src="../../superui/content/ui/global/jQuery/jquery.min.js"
        th:src="@{/superui/content/ui/global/jQuery/jquery.min.js}"></script>
<!-- Bootstrap 3.3.6 -->

<script src="../../superui/content/ui/global/bootstrap/js/bootstrap.min.js"
        th:src="@{/superui/content/ui/global/bootstrap/js/bootstrap.min.js}"></script>
<!--supershopui-->
<script src="../../superui/content/min/js/supershopui.common.js"
        th:src="@{/superui/content/min/js/supershopui.common.js}"></script>

<!--bootstrap-table-->
<script src="../../superui/content/plugins/bootstrap-table/bootstrap-table.js"
        th:src="@{/superui/content/plugins/bootstrap-table/bootstrap-table.js}"></script>
<script src="../../superui/content/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"
        th:src="@{/superui/content/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
<script src="../../js/assets/common/bootstrap-table-object.js"
        th:src="@{/js/assets/common/bootstrap-table-object.js}"></script>
<script src="../../js/assets/common/Feng.js"
        th:src="@{/js/assets/common/Feng.js}"></script>

<script src="../../js/assets/lib/numeral/numeral.min.js"
        th:src="@{/js/assets/lib/numeral/numeral.min.js}"></script>

<!--bootsrtap日历控件脚本-->
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js}"></script>
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js}"></script>
<script src="../../js/assets/lib/bootstrap-datetimepicker/js/initDatetimepicker.js"
        th:src="@{/js/assets/lib/bootstrap-datetimepicker/js/initDatetimepicker.js}"></script>
<!-- 请求脚本-->
<script src="../../js/assets/common/ajax-util.js"
        th:src="@{/js/assets/common/ajax-util.js}"></script>
<!-- 公用脚本-->
<script src="../../js/assets/common/common.js"
        th:src="@{/js/assets/common/common.js}"></script>
<!-- 订单脚本-->
<script src="./../js/order/stat/list.js"
        th:src="@{/js/order/stat/list.js}"></script>
</body>
</html>